<template>
  <div>
    <div
      class="w-full flex items-center justify-center h-[510px] bg-[url('~/assets/images/solution/ai_banner.png')] bg-cover bg-no-repeat"
    >
      <div class="px-[15%] xl:px-0 w-[1200px]">
        <h1
          class="banner-main-title"
        >
          AI场内安全行为监管
        </h1>
        <p
          class="text-[#0079FF] text-sm md:text-lg xl:w-[37vw] mt-10 font-normal"
        >
          联筑达·智慧工地AI视频安全监控系统，依托深度学习技术，为网络摄像头、抓拍设备提供图像AI分析接入能力，自动识别和录制施工现场的各种行为，针对工地现场存在的安全隐患提供计算分析、AI识别和告警服务，提高现场监控效率，为建筑施工安全保驾护航。
        </p>
      </div>
    </div>

    <div class="pt-[70px] pb-24">
      <div class="module-con">
        <h2 class="module-title">系统功能</h2>
        <div class="flex mt-4">
          <img
            class="flex-1 w-0"
            src="../../assets/images/solution/ai_effect.png"
          />
          <img
            alt="AI场内安全行为监管"
            class="w-[37%] ml-4"
            src="../../assets/images/solution/ai_effect_03.png"
          />
        </div>
        <div class="mt-[50px] flex flex-wrap justify-between">
          <img
            v-for="(item, ind) in 10"
            :key="ind"
            class="w-[18.5%] mb-5"
            :src="
              require(`~/assets/images/solution/ai_scene_${
                item < 10 ? '0' + item : item
              }.png`)
            "
          />
        </div>
      </div>
    </div>

    <div class="pt-[70px] pb-20 bg-[#FBFBFB]">
      <div class="w-[96%] xl:w-[1200px] mx-auto">
        <h2 class="module-title">系统优势</h2>
        <div class="flex flex-wrap mt-10 justify-around">
          <div
            v-for="(item, ind) in traitList"
            :key="item.name"
            class="w-[285px] h-[360px] bg-white mb-6 px-7 pt-12 relative text-center rounded-sm border border-[#EDF4FB] border-t-2 border-t-[#0099FF]"
          >
            <img
              class="inline-block"
              :src="
                require(`../../assets/images/solution/ai_0${
                  ind + 1
                }.png`)
              "
            />
            <div class="text-[#222] mt-[10px]">{{ item.name }}</div>
            <p class="mt-4 text-left text-[#828282] text-sm xl:leading-6">
              {{ item.content }}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      traitList: [
        {
          name: '安全可靠',
          content:
            '软硬一体化低功耗智能设备，部署简单轻量化。高抓拍、低延迟、低误报，算法功能完善，24小时动态感知工地不安全行为，加强项目安全管理。',
        },
        {
          name: '告警联动',
          content:
            '通过对摄像机的AI赋能，可全天候对施工现场进行监测，产生相应告警时能与相关安防设施进行联动反馈，辅助安全事件快速处理。',
        },
        {
          name: '告警推送',
          content:
            '当识别到异常情况时，根据告警类型、紧急程度在智慧工地大屏、PC端和手机小程序同步消息推送，经后台数据分析，形成告警事前预防、事中处置、事后复盘的闭环管理。',
        },
        {
          name: '语音调度',
          content:
            'AIUI全链路大屏语音调度，让大屏拥有“嘴巴”和“耳朵”，依托GIS可视化模型及安防监控设备，实时定位联动周边视频，辅助安防事件快速定位追踪，提高管理效率。',
        },
      ],
    }
  },
  head: {
    title: 'AI场内安全行为监管-联合智为',
    meta: [
      {
        hid: 'index-keywords',
        name: 'keywords',
        content: 'AI场内安全行为监管',
      },
      {
        hid: 'index-desc',
        name: 'description',
        content:
          '联筑达·智慧工地AI视频安全监控系统，依托深度学习技术，为网络摄像头、抓拍设备提供图像AI分析接入能力，自动识别和录制施工现场的各种行为，针对工地现场存在的安全隐患提供计算分析、AI识别和告警服务，提高现场监控效率，为建筑施工安全保驾护航。',
      },
    ],
  },
}
</script>

<style scoped>
</style>
